$(function(){
  let form = layui.form

  form.verify({
    nickname:function(value){
      if(value.length>6){
        return '昵称长度必须在 1~6 个字符之间'
      }
    }
  })

  initUserInfo()

  // 初始化用户信息
  function initUserInfo(){
    $.ajax({
      method:'GET',
      url:'/my/userinfo',
      success: function(res){
        if(res.status!==0){
          return layui.msg("获取用户信息失败！")
        }
        console.log(res);
        // 调用 form.val()快速为表单赋值
        form.val('formUserInfo',res.data)
      }
    })
  }

  // 表单重置按钮的点击事件
  $("#btnReset").on("click",(e)=>{
    e.preventDefault();
    initUserInfo();
  })

  // 表单提交按钮的点击事件
  $(".layui-form").on("submit",function (e){
    e.preventDefault();
    // 发起ajax请求
    $.ajax({
      method:'POST',
      url:'/my/userinfo',
      data:$(this).serialize(),
      success: function(res){
        console.log(res);
        if(res.status!==0){
          return layer.msg('更新用户信息失败！')
        }
        console.log($(this).serialize());
        // 调用父页面中的方法，重新渲染用户的头像和用户的信息
        window.parent.getUserInfo()
        layer.msg('更新用户信息成功！')
      }
    })
  })
})